var canvas = document.getElementById('canvas'),
    context = canvas.getContext('2d');

context.lineWidth = 30;//线宽

context.font = '24px Helvetica';//字体大小
context.fillText('Click anywhere to erase', 175, 40);

context.strokeRect(75, 100, 200, 200);  //strokeRect() 方法绘制矩形（不填色）。笔触的默认颜色是黑色
context.fillRect(325, 100, 200, 200);//fillRect() 方法绘制"已填充"的矩形。默认的填充颜色是黑色。
/**
 * 鼠标点击的时候进行清空操作 哈哈 又解释下 不需要解释哦
 * @param e
 */
context.canvas.onmousedown = function (e) {
    context.clearRect(0, 0, canvas.width, canvas.height);
};
